<template>
    <div class="demo2">
        <h2>学校名字:{{name}}</h2>
        <h2>学校地址:{{adress}}</h2>
    </div>
</template>

<script>
    //引入消息订阅与发布组件
    import pubsub from 'pubsub-js';

    export default {
        name:'School',
        data() {
            return {
                name:'河池学院',
                adress:'广西壮族自治区河池市宜州去庆远镇龙江路'
            }
        },
        methods:{
            demo(msgName,data){
                console.log("有人发布了hello消息，hello消息回调执行了===>",msgName,data);
            }
        },
        mounted() {//生命周期钩子函数
            this.pubId=pubsub.subscribe('hello',this.demo);//订阅消息
        },

        //取消订阅
        beforeDestroy(){
            pubsub.unsubscribe(this.pubId);//根据消息的id取消订阅
        }
    }
</script>

<style scoped>
    .demo2{
        background-color: orange;
    }
</style>